<template>
  <div id="header">
      <img src="ia_100000075.png">
        <div id="header-1" @click="funa()">
            <span class="iconfont icon-sousuoxiantiao"></span>
          <input type="text" placeholder="搜索大益/中茶/下关">
        </div>
      <span class="iconfont icon-wode" @click="fun()"></span>
  </div>
</template>

<script>
export default {
    methods:{
        fun(){
            // 编程式导航   
            this.$router.push("/denglu")
        },
        funa(){
            // 编程式导航   
            this.$router.push("/search")
        },
    }
}
</script>

<style scoped>
div{
    font-size: 0;
}
    #header{
        width: 100%;
        height: .45rem;
        line-height: .44rem;
        background-color:rgb(229, 38, 82);
        display: flex;
        justify-content: space-around;
        position: fixed;
        top: 0;

    }
    #header img{
        width: .5rem;
        height: .15rem;
        padding-top: .15rem;
    }
    #header-1{
        line-height: .32rem;
        border-radius: .5rem;
        display: inline-block;
        background-color: rgb(242, 242, 242);
        align-self: center;
        font-size: .18rem;
    }
    #header-1 .icon-sousuoxiantiao{
        width: 10%;
        margin-left: .05rem;
    }
    #header-1 input{
        border: none;
        outline: none;
        background-color: rgb(242, 242, 242);
        width: 85%;
        font-size: .14rem;
        text-align: center;
        border-radius: .5rem;
    }
    #header .icon-wode{
        font-size: .2rem;
        color: white;
    }
</style>